<template>
    <view class="box">
      <view class="record">
        <view class="rec-1" v-for="(item,index) in record" :key="index">
          <view class="rec-1-1">
            <view class="rec-1-1-1">{{item.text}}</view>
            <view class="rec-1-1-2">{{item.text1}}</view>
          </view>
          <view class="rec-1-2">{{item.text2}}</view>
        </view>
      </view>
    </view>
  </template>
  
  <script>
    export default {
      data() {
        return {
          record:[{
            text:'提现至微信',text1:'2021/09/01 15:11:34',text2:'100'
          },
          {
            text:'提现至支付宝',text1:'2021/09/01 15:11:34',text2:'100'
          },
          {
            text:'提现至微信',text1:'2021/09/01 15:11:34',text2:'100'
          },
          {
            text:'提现至支付宝',text1:'2021/09/01 15:11:34',text2:'100'
          },]
        }
      },
      methods: {
        
      }
    }
  </script>
  
  <style lang="scss">
  page{
    background-color: #f5f5f5;
  }
   .box {
      width: 100%;
      margin: auto;
      padding-bottom: 380rpx;

    }
    .record{
      background-color: #fff;
      .rec-1{
        width: 90%;
        height: 160rpx;
        margin: auto;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #ebebeb;
        .rec-1-1{
          margin-top: 35rpx;
          .rec-1-1-1{
            font-size: 35rpx;
          }
          .rec-1-1-2{
            font-size: 30rpx;
            color: #a5a5a5;
            margin-top: 15rpx;
          }
        }
        .rec-1-2{
          font-size: 36rpx;
          font-weight: bold;
          color:#fc4525;
          margin-top: 35rpx;
        }
      }
    }
  </style>
  